	<div class="row">
            <div id="wrapper" class="col-lg-10 col-md-10 col-sm-10">
                <div class="row">
                    <ul id="left" class="pull-left">
                            <li><a href="" title="">Mới nhất</a></li>
                            /
                            <li><a href="">Ưu thích nhất</a></li>
                        </ul>               
                    <ul id="right" class="pull-right">
                            <li>Hiển thị: </li>
                            <li><a href="">Model</a></li>
                            /
                            <li><a href="">Design   </a></li>
                     </ul>
                </div>
                <ul id="items" class="style1 row">
                <?php 
                	foreach ($list_products as $product): 
                		$product_image = !empty($product['image']) ? base_url('uploads/image/products/'.$product['image']) : 'http://placehold.it/182x250';
                ?>
                    <li class="col-lg-3 col-md-3 col-sm-3">
                        <dd class="infor"><?=$product['title']; ?></dd>
                        <figure>
                            <img src="<?=$product_image ?>" alt="" class="img-responsive">
                            <figcaption>
                                <h3><?=$product['title']; ?></h3>
                                <hr>
                                <span>thiết kế bởi <a href="<?=site_url('designer/'.$product['designer_slug']) ?>"><?=$product['designer']; ?></a></span>
                                <a href="<?=site_url('ao-thun/'.$product['slug'].'_'.$product['id']) ?>"><button class="ghost-btn">Xem chi tiết</button></a>
                            </figcaption>
                        </figure> 
                    </li>
                <?php endforeach; ?>                   
                </ul>
                <div id="paginator" class="row">
                    <?=$pagination; ?>
                </div><!--#paginator -->
            </div><!-- #wrapper -->
            <div id="sidebar" class="col-lg-2 col-md-2 col-sm-2>">
                <section>
                    <h4>Thể loại</h4>
                    <ul>
                        <li class="active"><a href="">Áo thun nam</a></li>
                        <li><a href="">Áo thun nữ</a></li>
                         <li><a href="">Áo thun nam</a></li>
                        <li><a href="">Áo thun nữ</a></li>
                    </ul>
                </section>
                <section>
                    <h4>Phong cách</h4>
                    <ul>
                        <li><a href="">Áo thun nam</a></li>
                        <li class=""><a href="">Áo thun nữ</a></li>
                         <li><a href="">Áo thun nam</a></li>
                        <li><a href="">Áo thun nữ</a></li>
                    </ul>
                </section>
                 <section>
                    <h4>Màu sắc</h4>
                    <ul class="color">
                        <li>
                            <a href="#" title="Black">
                                <em>#000</em>
                                <span style="background-color:#F50DFF;"></span>
                            </a>
                        </li>
                         <li>
                            <a href="#" title="Black">
                                <em>#000</em>
                                <span style="background-color:#E80C69;"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="Black">
                                <em>#000</em>
                                <span style="background-color:#FF1100;"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="Black">
                                <em>#000</em>
                                <span style="background-color:#E8450C;"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="Black">
                                <em>#000</em>
                                <span style="background-color:#FF7606;"></span>
                            </a>
                        </li>
                         <li>
                            <a href="#" title="Black">
                                <em>#000</em>
                                <span style="background-color:#E89306;"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="Black">
                                <em>#000</em>
                                <span style="background-color:#FFC30C;"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="Black">
                                <em>#000</em>
                                <span style="background-color:#E8CD01;"></span>
                            </a>
                        </li>
                    </ul>
                </section>
                <div class="clearfix"></div>
                  <section>
                    <h4>Thương hiệu</h4>
                    <ul>
                        <li><a href="">Nike</a></li>
                        <li class=""><a href="">Adidas</a></li>
                         <li><a href="">Puma</a></li>
                        <li><a href="">CK</a></li>
                        <li><a href="">Ecko</a></li>
                    </ul>
                </section>
            </div><!-- #sidebar -->
        </div>